<!DOCTYPE html>
<html lang="en" class="f100">
<head>
    <meta charset="UTF-8">
    <meta name="Author" content="zxr">
    <meta name="Keywords" content="碧桂园">
    <meta name="Description" content="碧桂园十里春风看房团">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>碧桂园十里春风看房团</title>
    <style>
        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
        article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
        h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
        ul,ol{list-style:none;}
        strong,b{font-weight:normal;}
        em,i{font-style:normal;}
        table{border-spacing:0;border-collapse:collapse;}
        img{border:0;vertical-align:middle;}
        input,select{vertical-align:middle;font-size:100%;line-height:150%;font-family:arial,'\5FAE\8F6F\96C5\9ED1',sans-serif;-webkit-appearance:none;}
        a{text-decoration:none;outline:none;hide-focus:expression(this.hideFocus=true);background-color:transparent;-webkit-tap-highlight-color:transparent;color:black}
        body{font:14px/1.5 arial,"\5FAE\8F6F\96C5\9ED1",sans-serif;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
        .fl{
            float: left;
        }
        .fr{
            float: right;
        }
        .clearFix::after{
            content: '';
            display: block;
            clear: both;
            zoom:1;
            overflow: hidden;
        }
        .f100{
            font-size: 100px;
        }
        .bg{
            position: relative;
            /*min-width: 320px;*/
            /*max-width: 640px;*/
            width: 6.4rem;
            /*height: 2890px;*/
            margin: 0 auto;
            /*background: url("http://cms-bucket.nosdn.127.net/18f15f9ab6094575ba7ab26f0c78bf1c20171213173309.jpeg") no-repeat center/cover;*/
        }
        .bg img.bg-r1{
            width: 100%;
        }
        #form_8699{
            position: absolute;
            top:16.68rem;
            left: 0;
        }
        ul li{
            margin: 0.2rem 0.6rem;
            font-size: 0;
        }
        li label{
            float: left;
            /*display: inline-block;*/
            width: 0.6rem;
            height: 0.5rem;
            line-height: 0.5rem;
            text-align: left;
            /*vertical-align: middle;*/
            font-size: 0.2rem;
            font-weight: bold;
            color: black;
            font-family: "Microsoft YaHei";
        }
        li input{
            float: left;
            /*display: inline-block;*/
            width: 4.5rem;
            height: 0.48rem;
            line-height: 0.5rem;
            font-size: 0.2rem;
            text-indent: 2em;
            border: 1px solid black;
            color: black;
            font-family: "Microsoft YaHei";
        }
        #form-1-sum{
            display: block;
            width: 2.0rem;
            height: 0.48rem;
            margin: auto;
            line-height: 0.5rem;
            text-align: center;
            background-color: white;
            font-size: 0.2rem;
            border-radius: 0.15rem;
        }
    </style>
</head>
<body>
<section class="bg">
    <img class="bg-r1" src="http://cms-bucket.nosdn.127.net/41f9fa9032434cd3863bdb8aade5eb8c20171220163356.jpeg" title="碧桂园十里春风看房团" alt="">
    <form id="form_8699" name="form_8699" action="http://active.163.com/service/form/v1/8699/submit" method="post">
        <input name="_success" type="hidden" value="http://nj.house.163.com/special/0203980G/seey.html"/>
        <ul>
            <li class="clearFix">
                <label for="form_8699_name_1">姓名</label>
                <input id="form_8699_name_1" name="name_1" type="text" placeholder="请输入姓名" value="">
            </li>
            <li class="clearFix">
                <label for="form_8699_phone_1">手机</label>
                <input id="form_8699_phone_1" name="phone_1" type="tel" placeholder="请输入手机号" value="">
            </li>
        </ul>
        <input id="form-1-sum" name="" type="submit" value="提交">
    </form>
    <!--<p class="bg-success">-->
    <!--提交成功-->
    <!--</p>-->
</section>
<!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>-->
<script>
    //表单提交
    (function(){
        var form = document.getElementById('form_8699');
        form.onsubmit = function(){
            if(form.elements['name_1'].value == ''){
                alert('"姓名" 为必填项，请填写完整。');
                form.elements['name_1'].focus();
                return false;
            }
            if(form.elements['phone_1'].value == ''){
                alert('"手机" 为必填项，请填写完整。');
                form.elements['phone_1'].focus();
                return false;
            }
            alert("提交成功");
        };
        var checkRadio = function(obj){
            if(obj.checked != undefined){
                if(obj.checked){
                    return true;
                }
            }
            else{
                var len = obj.length;
                for(i=0; i<len; i++)
                {
                    if(obj[i].checked){
                        return true;
                    }
                }
            }
            return false;
        };
    })();
    window.onload=function(){
        var htmls=document.getElementsByTagName("html")[0];
        run();
        window.onresize=run;
        function run(){
            var w=window.innerWidth;
            if(w<640){
                htmls.style.fontSize=w/6.4 + "px";
            }
        }
    };
</script>
</body>
</html>